<template>
  <dv-border-box11 title="业务部门统计" :title-width="400" :animate="false" style="width: 100%; height: 230px">
    <dv-charts :option="option" style="width: 100%; height: 230px" />
  </dv-border-box11>
</template>

<script setup>
import { ref } from "vue";

const option = ref({
  series: [
    {
      type: "pie",
      roseType: true,
      // radius:[30,80],
      data: [
        { name: "社会保障局", value: 45.12 },
        { name: "住房公积金", value: 32.09 },
        { name: "市民中心", value: 21.99 },
        { name: "人力资源", value: 16.55 },
        { name: "卫计委", value: 11.43 },
        { name: "综合执法局", value: 9.33 },
      ],
      insideLabel: {
        show: true,
      },
      outsideLabel: {
        labelLineEndLength: 10, //标签线末端长度
        labelLineBendGap: 5,
      },
    },
  ],
});
</script>

<style lang="scss" scoped></style>
